//1)获取4个菜单 （li）对象			
var menu=$('#header #example-navbar-collapse li.menu');
//2）获取4个子菜单对象
var submenu=$('#header #example-navbar-collapse li.menu ul.wrap');
//3)默认隐藏子菜单
submenu.css('display','none');
//4)鼠标移入，显示当前子菜单（其他子菜单隐藏）
menu.mouseover(
	function(){
		//当前显示（向下滑动显示）
		$(this).find('.wrap').slideDown();
		//其他隐藏
		$(this).sibings().find('.wrap').css('display','none');
	}
);

//5）鼠标移出：隐藏子菜单
menu.mouseout(
	function(){
		submenu.css('display','none');
	}
)

/*4.我们的成员
 1.鼠标移入照片上，出现个人座右铭
 2.鼠标移出照片，隐藏座右铭
 3.每个五秒，随机显示另外3个成员信息
 */
var div=$('.our-member .data-item div');
var p=$('.our-member .data-item p');
//定义计时器
var timer_member=setInterval(fun_member,1000);
//鼠标移入div，让对应的p出现，取消计时器
div.mouseover(
	function(){
		$(this).siblings('p').css('display','block');
		//取消计时器
		clearInterval(timer_member);
	}
);
//移出：所有的p都隐藏，恢复计时器
div.mouseout(
	function(){
		p.css('display','none');
	    timer_member=setInterval(fun_member,1000);
	}
);
//1.创建学生对象（模板 nuw 10个学生）
//2.创建数组，每一个元素就是学生对象
function Student(id,name,hometown,title,img,motto){
	this.id=id;
	this.name=name;
	this.hometown=hometown;
	this.title=title;
	this.img=img;
	this.motto=motto;
}
var s1 =new Student(1,'陈用群','温州','学生会','1.jpg','好好学习，天天向上')
var s2 =new Student(2,'郑良靖','温州','纪律委员','2.jpg','好好学习，天天向上')
var s3 =new Student(3,'杨翌','丽水','团支书','3.jpg','好好学习，天天向上')
var s4 =new Student(4,'陈一颖','台州','助理','4.jpg','好好学习，天天向上')
var s5 =new Student(5,'陶伟','温州','学生会','5.jpg','好好学习，天天向上')
var s6 =new Student(6,'夏阳','台州','班长','6.jpg','好好学习，天天向上')
var s7 =new Student(7,'潘老师','建德','班主任','7.jpg','好好学习，天天向上')
var s8 =new Student(8,'宋三岁','绍兴','副班长','8.jpg','好好学习，天天向上')
var s9 =new Student(9,'李家辉','台州','学生会','9.jpg','好好学习，天天向上')
var s10 =new Student(10,'丁振铮','温州','爱学习','10.jpg','好好学习，天天向上')

var yd1701=[s1,s2,s3,s4,s5,s6,s7,s8,s9,s10];
//定义计时器要执行的函数
function fun_member(){
	//console.log("123");
	//随机产生3个学生id，将页面是的照片，座右铭，介绍都替换成该学生
	/*
	  3.循环（3次）
	   1）产生一个随机数[0,10)
	   2）获取数组相应的index（随机数）：照片，座右铭，介绍
	   3）替换页面上相应的显示*/
	 for(var i=0;i<3;i++){
	   var r=Math.floor((Math.random()*10));
	   var img=yd1701[r].img;
	   var motto=yd1701[r].motto;
	   var intro=yd1701[r].title+":"
	   +yd1701[r].name+","+yd1701[r].hometown;
	  div.eq(i).find('img').attr("src",img);
	  p.eq(i).text(motto);
	  p.eq(i).siblings('h4').text(intro);
	}
}
